<template>
  <div>
    <h1>通过泛型参数来定义 props 的类型:3.4&3.5</h1>
    <p>{{ title }}</p>
    <p>{{ user }}</p>
    <p>{{ msg }}</p>

    <hr />
    <button type="button" @click="$emit('sonEmit', 1, 'string', { name: '小强' })">
      emit触发父组件绑定子组件上的函数
    </button>
  </div>
</template>

<script setup lang="ts">
export interface Iuser {
  name: string
  sex: string
  age: number
}

// const props = defineProps<{
//   title: string
//   user: Iuser
//   msg?: string
// }>()

// 响应式 Props 解构 3.5
const {
  title = '江山如此多娇,引无数英雄竞折腰',
  msg,
  user
} = defineProps<{
  title?: string
  user: Iuser
  msg?: string
}>()
</script>

<style></style>
